<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
</head>
<body>
	<div class="sewise-player-ui">
		<div class="controlbar">
			<div class="controlbar-progress">
				<div class="controlbar-progress-totalline"></div>
				<div class="controlbar-progress-loadedline"></div>
				<div class="controlbar-progress-playedline"></div>
				<div class="controlbar-progress-seekline"></div>
				<div class="controlbar-progress-playpoint"></div>
			</div>
			<div class="controlbar-btns clearfix">
				<a href="javascript:;" class="fl controlbar-btn controlbar-btns-first controlbar-btns-play" tabindex="1">播放</a>
				<a href="javascript:;" class="fl controlbar-btn controlbar-btns-first controlbar-btns-pause" tabindex="2">暂停</a>
				<div class="fl controlbar-times">
					<span class="controlbar-playtime">00:00</span><i>/</i><span class="controlbar-totaltime">00:00</span>
				</div>

				<a href="javascript:;" class="fr controlbar-btn controlbar-btns-fullscreen" tabindex="1">全屏</a>
				<a href="javascript:;" class="fr controlbar-btn controlbar-btns-normalscreen" tabindex="1">普屏</a>
				<div class="fr clarity-switch-btn">
					<a href="javascript:;" class="clarity-btn-text" tabindex="1">标清</a>
				</div>
				<a href="javascript:;" class="fr controlbar-btn controlbar-btns-soundclose" tabindex="1">音量关闭</a>
				<a href="javascript:;" class="fr controlbar-btn controlbar-btns-soundopen" tabindex="1">音量打开</a>
			</div>
			<div class="controlbar-volumeline-box">
				<div class="controlbar-volumeline">
					<div class="controlbar-volumeline-bg"></div>
					<div class="controlbar-volumeline-volume"></div>
					<div class="controlbar-volumeline-dragger"></div>
					<div class="controlbar-volumeline-point"></div>
				</div>
			</div>
			<div class="controlbar-bg">控制栏背景1</div>
		</div>
		
		<div class="topbar">
			<div class="topbar-program">
				<div class="topbar-program-tip"></div>
				<div class="topbar-program-title"></div>
			</div>
			<div class="topbar-clock"></div>
		</div>
		<div class="buffer">
			<div class="buffer-bg">背景图片</div>
			<div class="buffer-text">
				<div class="buffer-text-tip">缓冲...</div>
				<div class="buffer-text-bufferPt"></div>
			</div>
		</div>
		<div class="big-play-btn">
			<a href="javascript:;" class="big-play-icon" tabindex="1">大播放按钮</a>
		</div>
	</div>
</body>
</html>